<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框</title>
    <style>
        div{
            width: 300px;
            height: 300px;
            border: 10px dotted rgb(255,0,0);
            border-top: 3px  solid green;
        }
    </style>
</head>
<body>
<!--
      边框的方向：
        top       上
        right     右
        bottom    下
        left      左

-->
<div></div>
</body>
</html>